<template>
  <div class="ivz-basic-list">
    <div class="ivz-ibs-search">
      <div style="color: #d0d0d0">注：1. 请通过编辑组件将对应的表单显示到搜索组件 2. 双击表头将跳转到对应的表单 3. 输入的值将作为默认值</div>
      <ivz-basic-search />
    </div>
    <div class="ivz-ibt-table">
      <div style="color: #d0d0d0">注：1. 请通过编辑组件将对应的表单显示到表组件 2. 双击表头将跳转到对应的表单</div>
      <ivz-basic-table />
    </div>
  </div>
</template>

<script>
import IvzBasicSearch from "@/components/search/IvzBasicSearch.vue";
import {mapGetters, mapMutations} from "vuex";
import IvzBasicTable from "@/components/table/IvzBasicTable.vue";
import {ComponentType, PathSort} from "@/store/consts";
import {EventBus, MetaEventType, MountedEventType} from "@/event";
import {searchLayoutMetas} from "@/metas/ComponentMetas";
import {TableMetas} from "@/metas/HtmlTableMetas";
import ActiveMetaMixin from "@/components/mixins/ActiveMetaMixin";
import {ListMetas} from "@/metas/ListTabMetas";
import {tableMetas} from "@/metas/DbTableMetas";
export default {
  name: "OpdBasicList",
  mixins: [ActiveMetaMixin],
  components: {IvzBasicTable, IvzBasicSearch},
  computed: {
    ...mapGetters({
      meta: 'listMeta',
      model: 'listTabModel'
    })
  },
  created() { },
  mounted() {
    EventBus.publish(MountedEventType.list, this.meta);
  },
  methods: { }
}
</script>

<style scoped>
.ivz-basic-list {
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 6px 8px;
  position: absolute;
}
.ivz-ibt-table {
  margin-top: 28px;
}
.ivz-ibs-search {
  margin: 8px 0px;
  /*border-radius: 3px;*/
  /*border: 1px solid #e8e8e8;*/
}
</style>
